﻿<div class="sample_title">Form Datepicker</div>

sample:<br />
<div class="sample_preview">
    <script type="text/javascript"><!--//--><![CDATA[//><!--
        $(document).ready(function() {
            // Create Form
            $('#form3').setupForm([
                { name: 'birth_date', type: 'date' },
                { name: 'join_date', type: 'date' }
            ]);
        });
    //--><!]]></script>
    <form id="form3" onsubmit="return false;">
    <table class="tb_form" style="display:none;" cellpadding="0" cellspacing="0">
    <tr>
        <td class="label">Birth Date</td>
        <td><input id="birth_date" /></td>
    </tr>
    <tr>
        <td class="label">Join Date</td>
        <td><input id="join_date" /></td>
    </tr>
    </table>
    </form>
</div><br />
code:
<div class="sample_code" rel="brush: js; html-script: false;">
    &lt;script type="text/javascript"&gt
        $(document).ready(function() {
            // Create Form
            $('#form_master').setupForm([
                { name: 'birth_date', type: 'date' },
                { name: 'join_date', type: 'date' }
            ]);
        });
    &lt;/script&gt;
        
    &lt;form id="form_master" onsubmit="return false;"&gt;
    &lt;table class="tb_form" style="display:none;" cellpadding="0" cellspacing="0"&gt;
    &lt;tr&gt;
        &lt;td class="label"&gt;Birth Date&lt;/td&gt;
        &lt;td&gt;&lt;input id="birth_date" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td class="label"&gt;Join Date&lt;/td&gt;
        &lt;td&gt;&lt;input id="join_date" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
    &lt;/form&gt;
    <% for (int i = 0, max_i = 18; i < max_i; i++) { Response.Write("<br />"); } %>
</div><br />

<fieldset>
    <legend>Field Configuration</legend>
    <table class="tb_apiconfig">
    <tr>
        <td class="label">type</td>
        <td><font color="blue">(string) default: text</font><br />
            Set Type of field into <u>date</u>
        </td>
    </tr>
    </table>
</fieldset>